<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Đổi mật khẩu</title>
	
	<link rel="stylesheet" type="text/css" media="screen" href="styles/button.css" />
	<script type="text/javascript">

	function checkInput()
    {
	//kiem tra các trường nhập
      if ( document.thaydoiMatKhau.currentPass.value ==""){
             alert( 'Chưa nhập mật khẩu hiện tại');
             document.thaydoiMatKhau.currentPass.focus();
             return false;

             }
      if (document.thaydoiMatKhau.newPass.value ==""){
          alert( 'Chưa nhập mật khẩu mới');
          
          document.thaydoiMatKhau.newPass.focus();
          return false;

          }

      if (document.thaydoiMatKhau.confirmPass.value ==""){
          alert( 'Chưa xác nhận mật khẩu');
          document.thaydoiMatKhau.confirmPass.focus();
          return false;

          }

  	//so sanh mat khau mới và confirm pass
       if (document.thaydoiMatKhau.newPass.value != document.thaydoiMatKhau.confirmPass.value){

           alert("Mật khẩu mới và xác nhận mật khẩu chưa trùng khớp");
           document.thaydoiMatKhau.confirmPass.focus();
           return false;
           }
  	

       return true;
    }
	
	

    function thongbao(){

    	var attribute = element.getAttribute(updatePassSucessStr);
    	alert(attribute);
        }

    function navigation(){
        window.location= "home.jsp";
    }
    
	</script>
	
	
	
</head>
<body onload="thongbao()">

<div class="changpass">
    <h1>THAY ĐỔI MẬT KHẨU</h1>
    <form name= "thaydoiMatKhau" method="post" onsubmit="return checkInput();" action="ChangePasswordServlet">
      <p><input id="matkhau" type="password" name="currentPass" value="" placeholder="Mật khẩu cũ"></p>
      <p><input id="matkhau" type="password" name="newPass" value="" placeholder="Mật khẩu mới"></p>
      <p><input id="matkhau" type="password" name="confirmPass" value="" placeholder="Xác nhận mật khẩu"></p>
      
      <p class="submit">
      <input id="OK" type="submit" name="chuyentoi" value="THAY ĐỔI"> 
      <!--  <input type="submit" name="chuyentoi" value="Cancel"> -->
      <button id="btnCancel" type="button" onclick="navigation();">HỦY</button>
      </p>
      
      <p style="color: red">

      </p>
    </form>
  </div>

</body>

</html>